common={
	initCatalogueMagePage:function(){
		this.Authorization= window.localStorage.getItem("auth_token") || '';
		// 绑定dom对象
		this.obj = {
			searchText:$('#searchText'),
		};
		// 声明全局变量
		this.vars = {
			checkednum:["1","2","3"],
			XAData:[
				[{name:'西安'}, {name:'北京',child:[{name:"班线客运",value:50},{name:"旅游包车",value:40},{name:"危险品运输",value:20}]}],
				[{name:'西安'}, {name:'上海',child:[{name:"班线客运",value:50},{name:"旅游包车",value:40},{name:"危险品运输",value:20}]}],
				[{name:'西安'}, {name:'广州',child:[{name:"班线客运",value:50},{name:"旅游包车",value:40},{name:"危险品运输",value:20}]}],
				[{name:'西安'}, {name:'西宁',child:[{name:"班线客运",value:50},{name:"旅游包车",value:40},{name:"危险品运输",value:20}]}],
				[{name:'西安'}, {name:'银川',child:[{name:"班线客运",value:50},{name:"旅游包车",value:40},{name:"危险品运输",value:20}]}]
			],
			XAData1:[
				[{name:'北京'}, {name:'西安',child:[{name:"班线客运",value:50},{name:"旅游包车",value:40},{name:"危险品运输",value:20}]}],
				[{name:'上海'}, {name:'西安',child:[{name:"班线客运",value:50},{name:"旅游包车",value:40},{name:"危险品运输",value:20}]}],
				[{name:'广州'}, {name:'西安',child:[{name:"班线客运",value:50},{name:"旅游包车",value:40},{name:"危险品运输",value:20}]}],
				[{name:'西宁'}, {name:'西安',child:[{name:"班线客运",value:50},{name:"旅游包车",value:40},{name:"危险品运输",value:20}]}],
				[{name:'银川'}, {name:'西安',child:[{name:"班线客运",value:50},{name:"旅游包车",value:40},{name:"危险品运输",value:20}]}]
			],
			socketData: [],
			formatData: [],
			mapCode:"",
		};
		this.getSocketData();
		this.checkedEvent();
		this.map();
		this.ajaxmapOutIn();
		this.btnEvent();
	},
	// 获取socket数据
	getSocketData() {
		jrequest.jSocketIo('track','trackHomePage','998',{}).then(res => {
        	// console.log(res)
        	this.vars.socketData = res
        	this.vars.formatData = res
        	this.formatPageData()
        })
		jrequest.get(`/api/sysUserInfo`,{}).then(res => {
			console.log("33",res.data);
			var typeuse=res.data.userType;
			var roleType=res.data.roleType;
			console.log(typeuse)
			if(typeuse=="1"){
				$("#jhome_top_menu .cn_li:nth-child(6),#jhome_top_menu .cn_li:nth-child(7)").show();
				$(".left_content:nth-child(1) .left_main .car_number").eq(2).show();
				$(".left_content:nth-child(2) .left_main .car_number").eq(2).show();
				$(".left_content:nth-child(3) .left_main .car_number").eq(2).show();
				$(".left_content .car_number").css({height:"22%"});
				$("#china_in,#china_out").show();
				$(".switch div").show();

			}else{
				$("#jhome_top_menu .cn_li:nth-child(6),#jhome_top_menu .cn_li:nth-child(7)").hide();
				$(".left_content:nth-child(1) .left_main .car_number").eq(2).hide();
				$(".left_content:nth-child(2) .left_main .car_number").eq(2).hide();
				$(".left_content:nth-child(3) .left_main .car_number").eq(2).hide();
				$(".left_content .car_number").css({height:"30%"});
				$("#china_in,#china_out").hide();
				$(".switch div").hide();
			}
			mapChart('china_sx',res.data.areaMap," 陕西省");
			if(roleType==1){
				$("#jhome_top_menu .cn_li").click(function(){
					let index = $(this).index()
					window.location.hash =`carInfo?index=${index}`;
					$(".containner").load("file/information/carInfo.html");
				})
			}
		})
	},
	// socket数据放置页面
	formatPageData() {
		let arr = this.vars.formatData
		let checkeds = this.vars.checkednum
		if (!arr.length) return
		// 处理left数据
		function creatnum(num){
			$(".left_content").eq(num).find(".car_number").eq(0).find(".car").eq(0).find(".car_numbg").html(arr[num].operation+"辆")
			$(".left_content").eq(num).find(".car_number").eq(0).find(".car").eq(1).find(".car_numbg").html(arr[num].netin+"辆")
			$(".left_content").eq(num).find(".car_number").eq(1).find(".car").eq(0).find(".car_numbg").html(arr[num].onlineDay+"辆")
			$(".left_content").eq(num).find(".car_number").eq(1).find(".car").eq(1).find(".car_numbg").html(arr[num].online+"辆")
			$(".left_content").eq(num).find(".car_number").eq(2).find(".car").eq(0).find(".car_numbg").html(0+"辆")
			$(".left_content").eq(num).find(".car_number").eq(2).find(".car").eq(1).find(".car_numbg").html(0+"辆")
		};
		function clearnum(num) {
			$(".left_content").eq(num).find(".car_number").eq(0).find(".car").eq(0).find(".car_numbg").html("0辆")
			$(".left_content").eq(num).find(".car_number").eq(0).find(".car").eq(1).find(".car_numbg").html("0辆")
			$(".left_content").eq(num).find(".car_number").eq(1).find(".car").eq(0).find(".car_numbg").html("0辆")
			$(".left_content").eq(num).find(".car_number").eq(1).find(".car").eq(1).find(".car_numbg").html("0辆")
			$(".left_content").eq(num).find(".car_number").eq(2).find(".car").eq(0).find(".car_numbg").html("0辆")
			$(".left_content").eq(num).find(".car_number").eq(2).find(".car").eq(1).find(".car_numbg").html("0辆")
		}
		clearnum(0)
		clearnum(1)
		clearnum(2)
		checkeds.forEach(num => {
			if (num == '1') {
				creatnum(0)
			} else if(num == '2') {
				creatnum(1)
			} else if(num == '3') {
				creatnum(2)
			}
		})

		// 处理top数据
		let top = {
			operation: 0,
			netin: 0,
			onlineDay: 0,
			onlineMonth: 0,
			online: 0
		}
		let rightData = {
			10200:0,
			10212:0,
			10301:0,
			10400:0,
			10401:0,
			10402:0,
			10403:0,
			10404:0
		}
		arr.forEach(item => {
			if (item.code) {
				checkeds.forEach(num => {
					if (num == item.code) {
						top.operation += Number(item.operation)
						top.netin += Number(item.netin)
						top.online += Number(item.online)
						top.onlineDay += Number(item.onlineDay)
						top.onlineMonth += Number(item.onlineMonth)

						rightData[10200] += Number(item[10200])
						rightData[10212] += Number(item[10212])
						rightData[10301] += Number(item[10301])
						rightData[10400] += Number(item[10400])
						rightData[10401] += Number(item[10401])
						rightData[10401] += Number(item[10402])
						rightData[10403] += Number(item[10403])
						rightData[10404] += Number(item[10404])
					}
				})
			}
		});
		var objval=".cn_conMenu .cn_li";
		var objvalue=".cn_conli i";
		var attrMon=[top.operation,top.netin,Math.floor((top.netin/top.operation)*100).toFixed(),
			Math.floor((top.onlineMonth/top.operation)*100).toFixed(),
			top.onlineDay,top.online];
		console.log("456",attrMon)
		$.each(attrMon,function(i){
			if(attrMon[i]==0){
				$(objval).eq(i).find(objvalue).html("0")
			}else{
				var obj={
					el:$(objval).eq(i).find(objvalue),
					max:attrMon[i],
				}
				charts.up(obj)
			}
		});
		// $(".cn_conMenu .cn_li").eq(0).find(".cn_conli").html(top.operation+"辆");
		// $(".cn_conMenu .cn_li").eq(1).find(".cn_conli").html(top.netin+"辆");
		// $(".cn_conMenu .cn_li").eq(2).find(".cn_conli").html(top.operation === 0 ? 0+"%" : ((top.netin/top.operation)*100).toFixed()+"%")
		// $(".cn_conMenu .cn_li").eq(3).find(".cn_conli").html(top.operation === 0 ? 0+"%" : ((top.onlineMonth/top.operation)*100).toFixed()+"%");
		// $(".cn_conMenu .cn_li").eq(4).find(".cn_conli").html(top.onlineDay+"辆");
		// $(".cn_conMenu .cn_li").eq(5).find(".cn_conli").html(top.online+"辆");
		$(".cn_conMenu .cn_li").eq(6).find(".cn_conli").html("0辆")
		$(".cn_conMenu .cn_li").eq(7).find(".cn_conli").html("0辆")

		$(".right_contThree .left_main .car_number").eq(0).find(".car").eq(0).find(".car_numbg").html(rightData[10200]+"辆");
		$(".right_contThree .left_main .car_number").eq(0).find(".car").eq(1).find(".car_numbg").html(rightData[10212]+"辆");
		$(".right_contThree .left_main .car_number").eq(1).find(".car").eq(0).find(".car_numbg").html(rightData[10301]+"辆");
		$(".right_contThree .left_main .car_number").eq(1).find(".car").eq(1).find(".car_numbg").html(rightData[10400]+"辆");
		$(".right_contThree .left_main .car_number").eq(2).find(".car").eq(0).find(".car_numbg").html(rightData[10401]+"辆");
		$(".right_contThree .left_main .car_number").eq(2).find(".car").eq(1).find(".car_numbg").html(rightData[10402]+"辆");
		$(".right_contThree .left_main .car_number").eq(3).find(".car").eq(0).find(".car_numbg").html(rightData[10403]+"辆");
		$(".right_contThree .left_main .car_number").eq(3).find(".car").eq(1).find(".car_numbg").html(rightData[10404]+"辆");

		$("#center_big_num").text(arr[3].trackNum)
	},
	checkedEvent:function(){
		var self=this;
		// self.ajaxdata(self.vars.checkednum.toString())
		// self.ajaxJinggao(self.vars.checkednum.toString());
		// self.ajaxpingtai();
		$('.choose_checked input[name="choose"]').click(function(){
			var par_label = $(this).parent();
			if(this.checked){
				par_label.removeClass("choose_checked").addClass("choose_check");
				self.vars.checkednum.splice($.inArray($(this).val(),self.vars.checkednum),1);
				self.formatPageData()
				// self.ajaxdata(self.vars.checkednum.toString())
				// self.ajaxJinggao(self.vars.checkednum.toString())
			}else{
				par_label.removeClass("choose_check").addClass("choose_checked");
				self.vars.checkednum.push($(this).val());
				self.formatPageData()
				// self.ajaxdata(self.vars.checkednum.toString())
				// self.ajaxJinggao(self.vars.checkednum.toString())

			};

		});
		$('.choose_check input[name="choose"]').click(function(){
			var par_label = $(this).parent();
			if(this.checked){
				par_label.removeClass("choose_check").addClass("choose_checked");
				self.vars.checkednum.push($(this).val());
				self.ajaxdata(self.vars.checkednum.toString())
				self.ajaxJinggao(self.vars.checkednum.toString())

			}else{
				par_label.removeClass("choose_checked").addClass("choose_check");
				self.vars.checkednum.splice($.inArray($(this).val(),self.vars.checkednum),1);
				self.ajaxdata(self.vars.checkednum.toString())
				self.ajaxJinggao(self.vars.checkednum.toString())

			}
		});
	},
	ajaxdata:function(dataname){
		var self=this;
		var mapurl=HTTP+urls.carInformation;
		$.ajax({
			headers: {
				authorization: self.Authorization
			},
			contentType: "application/json;charset=utf-8",
			dataType: "json",
			data: {
				"transType": dataname,   //参数
			},
			url: mapurl,
			type: "get",
			success: function (data) {
				// console.log(data);
				// function creatnum(num){
				// 	$(".left_content").eq(num).find(".car_number").eq(0).find(".car").eq(0).find(".car_numbg").html(data[num].commerialVehicle+"辆")
				// 	$(".left_content").eq(num).find(".car_number").eq(0).find(".car").eq(1).find(".car_numbg").html(data[num].networkVehicle+"辆")
				// 	$(".left_content").eq(num).find(".car_number").eq(1).find(".car").eq(0).find(".car_numbg").html(data[num].monthOnlineLv+"辆")
				// 	$(".left_content").eq(num).find(".car_number").eq(1).find(".car").eq(1).find(".car_numbg").html(data[num].networkVehicle+"辆")
				// 	$(".left_content").eq(num).find(".car_number").eq(2).find(".car").eq(0).find(".car_numbg").html(data[num].networkingLv+"辆")
				// 	$(".left_content").eq(num).find(".car_number").eq(2).find(".car").eq(1).find(".car_numbg").html(data[num].secondsOnlineVehicle+"辆")
				// };
				// creatnum(0)
				// creatnum(1)
				// creatnum(2)
				// $(".cn_conMenu .cn_li").eq(0).find(".cn_conli").html(data[3].commerialVehicle+"辆");
				// $(".cn_conMenu .cn_li").eq(1).find(".cn_conli").html(data[3].networkVehicle+"辆");
				// $(".cn_conMenu .cn_li").eq(2).find(".cn_conli").html(data[3].monthOnlineLv+"%")
				// $(".cn_conMenu .cn_li").eq(3).find(".cn_conli").html(data[3].networkVehicle+"辆");
				// $(".cn_conMenu .cn_li").eq(4).find(".cn_conli").html(data[3].networkingLv+"%");
				// $(".cn_conMenu .cn_li").eq(5).find(".cn_conli").html(data[3].secondsOnlineVehicle+"辆");
				// $(".cn_conMenu .cn_li").eq(6).find(".cn_conli").html("0辆")
				// $(".cn_conMenu .cn_li").eq(7).find(".cn_conli").html("0辆")
			},
		});

	},
	ajaxmapOutIn:function(){
		var self=this;
		var mapurl=HTTP+urls.mapOutIn;
		$.ajax({
			headers: {
				authorization: self.Authorization
			},
			contentType: "application/json;charset=utf-8",
			dataType: "json",
			data: {
				status:"out",
				areaCode:"610000",
				transType: "1,2,3",   //参数
				type:"1"
			},
			url: mapurl,
			type: "get",
			success: function (data) {
				console.log(data);

			},
		});

	},
	ajaxJinggao:function(dataname){
		var mapurl=HTTP+urls.jinggao;
		$.ajax({
			headers: {
				authorization: self.Authorization
			},
			contentType: "application/json;charset=utf-8",
			dataType: "json",
			data: {
				"transType": dataname,   //参数
			},
			url: mapurl,
			type: "get",
			success: function (data) {
				$(".right_contThree .left_main .car_number").eq(0).find(".car").eq(0).find(".car_numbg").html(data[0].allCount+"辆");
				$(".right_contThree .left_main .car_number").eq(0).find(".car").eq(1).find(".car_numbg").html(data[1].allCount+"辆");
				$(".right_contThree .left_main .car_number").eq(1).find(".car").eq(0).find(".car_numbg").html(data[2].allCount+"辆");
				$(".right_contThree .left_main .car_number").eq(1).find(".car").eq(1).find(".car_numbg").html(data[3].allCount+"辆");
				$(".right_contThree .left_main .car_number").eq(2).find(".car").eq(0).find(".car_numbg").html(data[4].allCount+"辆");
				$(".right_contThree .left_main .car_number").eq(2).find(".car").eq(1).find(".car_numbg").html("0辆");
				$(".right_contThree .left_main .car_number").eq(3).find(".car").eq(0).find(".car_numbg").html("0辆");
			},
		});

	},
	ajaxpingtai:function(){
		var mapurl=HTTP+urls.pingtai;
		$.ajax({
			headers: {
				authorization: self.Authorization
			},
			contentType: "application/json;charset=utf-8",
			dataType: "json",
			url: mapurl,
			type: "get",
			success: function (data) {
				console.log(data);
				$(".right_contTwo .border_car").eq(0).find("div").eq(1).html("共"+data.platformOnlineNumber+"台");
				$(".right_contTwo .border_car").eq(1).find("div").eq(1).html("共"+data.platformOnlineNumber+"台")

			},
		});
	},
    map:function(){
	  $("#china_in,#china_out,#china_sx").css({"width":$(window).width()*0.5,"height":$(window).height()*0.72});
		// 地图
	  let XAData =this.vars.XAData ;
		  setTimeout(() => {
        charts.map("china_out",XAData);
      }, 100);
      let XAData1 =this.vars.XAData1;
      setTimeout(() => {
        charts.map("china_in",XAData1);
      }, 100);
      // setTimeout(() => {
      //   charts.creatMap("china_sx");
      // }, 100);



	},
	btnEvent:function(){
		function datetime() {
			var datetime = new Date();
			var hour = datetime.getHours();
			var minute = datetime.getMinutes();
			var second = datetime.getSeconds();
			if (hour < 10) {
				var hour = 0 + "" + hour;
			}
			if (minute < 10) {
				var minute = 0 + "" + minute;
			}
			if (second < 10) {
				var second = 0 + "" + second;
			}
			var now =   hour + ":" + minute + ":" + second + " ";

			$("#time").text(now);
		}
		setInterval(datetime, 1000);
		$(".charts_main .switch div").click(function(){
			let index=$(this).index();
			$(".chartMap").eq(index).show().siblings().hide();
			$(this).addClass("green").siblings().removeClass("green")

		});



	},
}

$(function(){
	common.initCatalogueMagePage();
});
